<%@ page import="java.awt.*" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <title>Home</title>
    <link rel="stylesheet" href="../resources/css/style.css">
    <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
    <link rel='stylesheet prefetch' href='https://fonts.googleapis.com/icon?family=Material+Icons'>
    <script charset="UTF-8" src="../resources/js/jquery.min.js"></script>
    <script charset="UTF-8" src="../resources/js/index.js"></script>
</head>
<body>
<div class="cotn_principal">
    <div class="cont_centrar">
        <div class="cont_login">
            <div class="cont_info_log_sign_up">
                <div class="col_md_login">
                    <div class="cont_ba_opcitiy">
                        <h2>LOGIN</h2>
                        <p>Lorem ipsum dolor sit amet, consectetur.</p>
                        <button class="btn_login" name="btn_login1" onClick="cambiar_login()">LOGIN</button>
                    </div>
                </div>
                <div class="col_md_sign_up">
                    <div class="cont_ba_opcitiy">
                        <h2>SIGN UP</h2>
                        <p>Lorem ipsum dolor sit amet, consectetur.</p>
                        <button class="btn_sign_up" onClick="cambiar_sign_up()">SIGN UP</button>
                    </div>
                </div>
            </div>

            <div class="cont_back_info">
                <div class="cont_img_back_grey"><img src="../resources/img/po.jpg" alt=""/></div>
            </div>

            <div class="cont_forms">
                <div class="cont_img_back"><img src="../resources/img/po.jpg" alt=""/>
                </div>
                <form  name="login_form">
                    <div class="cont_form_login"><a href="#" onClick="ocultar_login_sign_up()">
                        <i class="material-icons">&#xE5C4;</i></a>
                        <h2>LOGIN</h2>
                        <input id="login_name" required="required" type="text" placeholder="Username"
                               name="userLoginName"/>
                        <input id="login_pw" required="required" type="password" placeholder="Password"
                               name="userLoginPasswd"/>
                        <%--<button class="btn_login" onClick="cambiar_login()">LOGIN</button>--%>
                        <button class="btn_login" type="button" onclick="login_submit()">LOGIN</button>

                    </div>
                </form>
                <form  name="sign_form">
                    <div class="cont_form_sign_up"><a href="#" onClick="ocultar_login_sign_up()">
                        <i class="material-icons">&#xE5C4;</i></a>
                        <h2>SIGN UP</h2>
                        <input id="sign_name" required="required" type="text" placeholder="Username"
                               name="userSignName"/>
                        <input id="sign_pass" required="required" type="password" placeholder="Password"
                               name="userSignPasswd"/>
                        <input id="sign_pass2" type="password" placeholder="Confirm Password" name="userSignPasswd2"/>
                        <button class="btn_sign_up" type="button" onClick="sign_submit()">SIGN UP</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
</body>
</html>

